<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- box 是盒子的意思 -->
    <!-- class起的名字可以重名 -->
    <!-- id起的名字不能重名（潜规则） -->
    <!-- 你非要重名，也没有问题 -->
    <!-- id 唯一的意思 -->
    <!-- style属性是用来写CSS样式的-->
    <div title="xixi" class="box1" id="item1" style="color: red;">我是一个DIV</div>
    <div title="xixi" class="box1" id="item2" style="color: green;">我是一个DIV</div>
    <div title="xixi" class="box2" id="itme3" style="color: blue;">我是一个DIV</div>
    
</body>
</html>